<template name="ys-small-tabs">
    <view class="ys-small-tabs">
        <text class="item" v-for="(item, index) in list" :key="index">{{item.name}}</text>
    </view>
</template>
<script>
    export default {
        name: "ys-small-tabs",
        props: {
            list: {
                type: Array,
                default: () => []
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
    .ys-small-tabs {
        height: 80upx;
        line-height: 64upx;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        border-bottom: 16upx solid #F5F5F5;
        display: -webkit-flex;
        .item {
            -webkit-flex: 1;
            text-align: center;
            line-height: 64upx;
            font-size: 28upx;
            color: #1A1A1A;
            position: relative;        
        }
    }
</style>